<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/servious.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="main">
            <img src="../images/logo.png" alt="">
            <ul>
                <li>手机</li>
                <li>外设</li>
                <li>服务</li>
                <li class="li4">JOYUI</li>
                <li>商城</li>
                <li>社区</li>
            </ul>

        </div>
    </div>
    <!-- 轮播 -->
    <div class="carousel">
        <img src="../images/servious_banner.jpg" alt="">
    </div>
    <!-- 主要内容 -->
    <div class="main">
        <div class="banxin">
            <!-- 第一块 -->
            <div class="everyone">
                <p>服务中心</p>
                <div class="every">
                    <div class="everLeft">
                        <img src="../images/pc_ser_pic.jpg" alt="">
                    </div>
                    <div class="everRight">
                        <div>
                            <p>为您提供贴心、便捷、专业的服务，</p>
                            <p>一站式解决您的售后问题。</p>
                            <div class="icon">
                                <div class="icon1">
                                    <img src="../images/11 (1).png" alt="">
                                    <p>硬件维修</p>
                                </div>
                                <div class="icon1">
                                    <img src="../images/11 (3).png" alt="">
                                    <p>软件升级</p>
                                </div>
                                <div class="icon1">
                                    <img src="../images/11 (4).png" alt="">
                                    <p>咨询解答</p>
                                </div>
                                <div class="icon1">
                                    <img src="../images/11 (2).png" alt="">
                                    <p>设备检修</p>
                                </div>
                            </div>
                            <div class="desc_btn">
                                <a href="">
                                    <p>查询服务网点</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="p1">*手机维修服务暂仅支持黑鲨4系列机型，其他机型建议选择寄修服务解决手机问题</p>
            </div>
            <!-- 第二块 -->
            <div class="layui_row">
                <p>自助服务</p>
                <div class="layui_row1">
                    <div class="left">
                        <div>
                            <img src="../images/111 (1).png" alt="">
                            <h2>常见问题</h2>
                            <p>集中的常规问题，为您答疑解惑</p>
                        </div>
                    </div>
                    <div class="left">
                        <div>
                            <img src="../images/111 (4).png" alt="">
                            <h2>维修价格查询</h2>
                            <p>一键查询，安心维修</p>
                        </div>
                    </div>
                    <div class="left">
                        <div>
                            <img src="../images/111 (2).png" alt="">
                            <h2>寄修服务</h2>
                            <p>自助预约，足不出户</p>
                        </div>
                    </div>
                    <div class="left">
                        <div>
                            <img src="../images/111 (3).png" alt="">
                            <h2>服务政策</h2>
                            <p>尽心为您打造更优质的服务体验</p>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 第三块 -->
            <div class="layui_row layuiRow">
                <p>联系我们</p>
                <div class="layui_row1 layuiRow1">
                    <div class="left left1">
                        <div >
                            <img src="../images/1111 (4).png" alt="">
                            <h2>官方微信</h2>
                            <p>关注我们</p>
                        </div>
                    </div>
                    <div class="left left1">
                        <div >
                            <img src="../images/1111 (1).png" alt="">
                            <h2>新浪微博</h2>
                            <p>关注我们</p>
                        </div>
                    </div>
                    <div class="left left1">
                        <div >
                            <img src="../images/1111 (2).png" alt="">
                            <h2>在线客服</h2>
                            <p>09:00 ～ 24:00</p>
                        </div>
                    </div>
                    <div class="left left1">
                        <div >
                            <img src="../images/1111 (3).png" alt="">
                            <h2>服务热线</h2>
                            <p>400 - 015 - 8899</p>
                        </div>
                    </div>
            </div>



        </div>
    </div>


































    <!-- 底部 -->
    <div class="footer">
        <div class="footerMain">
            <ul>
                <li class="title">推荐产品</li>
                <li><a href="">黑鲨4s</a></li>
                <li><a href="">Pro黑鲨4s</a></li>
                <li><a href=""> Black Shark JoyBuds</a></li>
                <li><a href="">黑鲨4 Pro</a> </li>
                <li><a href=""> 黑鲨4</a></li>
            </ul>
            <ul>
                <li class="title">应用下载 </li>
                <li><a href="">主播投屏</a></li>
                <li><a href="">畅玩投屏</a></li>
                <li><a href="">黑鲨装备箱(iOS/Android)</a></li>
                <li><a href="">凿鲨酱</a> </li>
            </ul>
            <ul>
                <li class="title">合作与支持</li>
                <li><a href="">开放平台</a></li>
                <li><a href="">产品使用手册</a></li>
                <li><a href="">预詈应用公示</a></li>
            </ul>
            <ul>
                <li class="title">服务</li>
                <li><a href="">服务网点</a></li>
                <li><a href="">维修价格查询</a></li>
                <li><a href="">寄修服务</a></li>
                <li><a href="">服务政策</a> </li>
                <li><a href=""> 云服务</a></li>
            </ul>
            <ul>
                <li class="title">关于我们</li>
                <li><a href="">了解黑鲨 </a></li>
                <li><a href=""> 联系方式</a></li>
                <li><a href="">招贤纳士</a></li>
                <li><a href="">新浪微博</a> </li>
                <li><a href=""> 官方微信</a></li>
                <li><a href=""> Global</a></li>
            </ul>
            <div class="phone">
                <p>400-015-8899</p>
                <p>热线服务时间:09:00~ 24:00</p>
            </div>
        </div>
        <div class="footer_link">
            <div class="link_main">
                <div class="left">
                    <img src="../images/footer1.png" alt="">
                    <span>赣ICP证B2-2020050号赣ICP备17012659号-1│赣网文(2019)0364-006号│赣公网安备36010602000042</span>
                    <img src="../images/footer2.png" alt="">
                </div>
                <span>Copyright 2017-2021BlackShark 版权所有</span>
            </div>
        </div>
    </div>

</body>

</html>